<!--
 * @Autor: liukesen
 * @Date: 2020-08-01 14:13:04
 * @LastEditors: liukesen
 * @LastEditTime: 2020-08-02 17:20:28
-->
<!doctype html>
<html>

<body>
    <div class="content" id="english_home">
        <div class="con-video">
            <video id="jz_banner_flv" playsinline="" muted="muted" loop="loop" autoplay="autoplay" class="home_video">
                <source type="video/mp4" src="../video/home.mp4">
            </video>
            <div class="video-mask"></div>
        </div>
        <div class="con-code">
            <img src="../images/sce4_2.jpg" class="col-img" alt>
            <div class="col-num">
                <p style="color: rgb(51, 51, 51);font-size: 20px;">900,000 Duty Free items to choose from</p>
                <i class="link"></i>
                <p style="font-size: 16px;color: rgb(75, 75, 75);line-height: 28px;">AirBbag's buyers love to shop
                    for duty free items whithout have to go abroad, That's how AirBbag
                    App can help!</p>
                <div class="button">AirBbag Guide</div>
            </div>
            <div class="qr-code">
                <p id="an1" style="font-size: 18px;color:rgb(33, 33, 33);">Browser Scan Code Download</p>
                <b id="an2" style="font-size: 20px;margin: 10px 0;">AirBbag</b>
                <img id="an3" src="../images/qrcode.png" alt style="width:13.82vw;height:13.82vw;">
            </div>
        </div>
        <div class="con-sum section-9">
            <div class="s-left">
                <div class="item">
                    <div class="number">
                        <div class="num">
                            236
                        </div>
                    </div>
                    <p class="text">duty-free store</p>
                </div>
                <div class="item">
                    <div class="number">
                        <div class="num">
                            5000
                        </div>
                    </div>
                    <p class="text">Airport</p>
                </div>
                <div class="item">
                    <div class="number">
                        <div class="num">
                            900000
                        </div>
                    </div>
                    <p class="text">Quantity of DF products</p>
                </div>
                <div class="item">
                    <div class="number">
                        <div class="num">
                            19
                        </div>
                    </div>
                    <p class="text">Frequent flyer group</p>
                </div>
            </div>
        </div>

        <div class="con3">
            <div class="con3-con">
                <div class="row1">
                    <div>
                        <p style="font-size: 28px;line-height: 36px;color: #333;">Travellers Worldwide</p>
                        <p style="font-size:14px;color:rgba(153, 153, 153, 1);">High duty items: 20-45% cheaper</p>
                    </div>
                    <p style="font-size:14px;color:rgba(153, 153, 153, 1);">AirBbag brings real Duty Free Shop items
                        to
                        your fingertip</p>
                </div>
                <div class="section-4">
                    <ul class="sec4-list">
                    </ul>
                </div>
            </div>
        </div>

        <div class="con4">
            <div class="con4-con">
                <p style="font-size: 24px;color: rgb(51, 51, 51);line-height: 36px;">Make easy money when you travel
                    internationally!
                </p>
                <p style="font-size:14px;color:rgb(153, 153, 153);line-height: 21px;">Travelers：5 mins shopping, and
                    you could make
                    $50
                    Dollars</p>
                <p style="font-size: 16px;color: rgb(102, 102, 102);line-height: 26px;margin-top: 30px;">We join
                    buyer to international traveler, a unique partnership – a connection that benefits both
                    parties. </p>
                <p style="font-size: 16px;color: rgb(102, 102, 102);line-height: 26px;">The Fastest international
                    Delivery on the planet,Travlers and Buyers is just one Flight Away!</p>
                <p style="font-size: 16px;color: rgb(102, 102, 102);line-height: 26px;">Help Buyers from over 20
                    countries,Hundreds of Daily Buy requests,Multiple ways to make Money.
                </p>
                <p style="font-size: 16px;color: rgb(102, 102, 102);line-height: 26px;">Realtime travelers,Making
                    $300 dolloars per trip!</p>
                <div class="con4-button">Join travelers
                    <div class="button-an"></div>
                </div>
            </div>
        </div>
        <div class="con5">
            <div class="con5-con">
                <h1 style="font-size: 24px;line-height: 46px;text-align: center;font-weight: bold;">The global
                    duty-free store</h1>
                <p class="con5-drescript">Airbbag is the perfect online marketplace that lets you buy products
                    internationally with no
                    duty. No
                    need to order products online and pay heavy duty on items. On Airbbag, you will find a wide
                    variety
                    of products like beauty products, electronics, clothing, jewelry, Health products, instrument,
                    etc.
                    Here we connect buyers to international travelers around the world, travelers buy the products
                    for
                    you and deliver the products. Airbbag provides an international platform for both travelers and
                    buyers, where the buyer can request a product and travelers can connect and partner with the
                    buyer
                    to deliver the product duty-free. This connection allows for amazing delivery times with
                    deliveries
                    in as low as 5 hours. It not only allows for a low delivery time but also lets you acquire
                    duty-free
                    products. </p>

                <div class="con-sum section-9">
                    <div class="s-left">
                        <div class="item">
                            <div class="number">
                                <div class="num">
                                    Genuine guarantee
                                </div>
                            </div>
                            <p class="text">Duty-free shop receipts are available for each order</p>
                        </div>
                        <div class="item">
                            <div class="number">
                                <div class="num">
                                    Fast delivery
                                </div>
                            </div>
                            <p class="text">Item from order to receiving as soon as 5 hours</p>
                        </div>
                        <div class="item">
                            <div class="number">
                                <div class="num">
                                    Multiple ways of transactions
                                </div>
                            </div>
                            <p class="text">Support airport pickup, meet in person and Couriers</p>
                        </div>
                        <div class="item">
                            <div class="number">
                                <div class="num">
                                    Cheaper to buy
                                </div>
                            </div>
                            <p class="text">Enjoy Duty free prices</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    $('#english_home').append('<link rel="stylesheet" href="../css/english_home.css">');
    const _item_dom = $('.item');
    let scroll_class_arr = new Array();
    for (let i = 0; i < _item_dom.length; i++) {
        const element = _item_dom[i];
        scroll_class_arr.push({
            className: 'item_show',
            dom: _item_dom.eq(i)
        })
    }
    const text_dom = [$('#an1'), $('#an2')];

    for (let i = 0; i < text_dom.length; i++) {
        const element = text_dom[i];
        scroll_class_arr.push({
            className: 'qr-te-an',
            dom: element
        })
    }

    scroll_class_arr.push(...[{
        className: 'make-text-an',
        dom: $('.con4-con')
    },{
        className: 'qr-img-an ',
        dom: $('#an3')
    }])
    

    scrollClass(scroll_class_arr);

    function scrollClass(scrollClassArr = []) {
        $(window).scroll(throttle(function () {
            console.log(1);
            for (let i = 0; i < scrollClassArr.length; i++) {
                const {
                    dom,
                    className
                } = scrollClassArr[i];
                var wst = $(window).scrollTop();
                var oft = dom.offset().top;
                if (wst + $(window).height() > oft && wst + $(window).height() - oft < 900 && !dom.hasClass(
                        className)) {
                    setTimeout(() => {
                        dom.addClass(className);
                    }, 300);
                }
            }
        }, 300));
    }

    function throttle(fn, interval) {
        var enterTime = 0;
        var gapTime = interval || 300;
        return function () {
            var context = this;
            var backTime = new Date();
            if (backTime - enterTime > gapTime) {
                fn.call(context, ...arguments);
                enterTime = backTime;
            }
        }
    }
</script>

</html>